/* this is the code used with my 1920 x 1200? screen */

  #xbody {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color:#99FFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#00FFFF;
}

#container {
	width: 1200px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	height: 1000px;
	background-color:#FFFFFF;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
	color:#00CCCC;
} 
#mailto {
	position:absolute;
	margin-left:1000px;
 	top:15px;
}
#ThumbnailMessage {
	font-size:14px;
}
#TopListBoxHeading {
	position:absolute;
	margin-left:0px;
	font-size:18px;
	font-weight:bold;
	color:#FF0000;
	background-color:#66FFFF;
	top:170px;
}
#BottomListBoxHeading {
	margin-left:640px;
	font-size:18px;
	font-weight:bold;
	color:#FF0000;
	background-color:#66FFFF;
	position:absolute;
	top:170px;
}
#LeftClickMap {
	position:absolute;
	margin-left:0px;
	font-size:18px;
	font-weight:bold;
	color:#FF0000;
	background-color:#66FFFF;
}
#lbxDays {
	size:auto;
 	position:absolute;
 	margin-left:5px;
  	margin-top:85px;
   	width:180px;
}
#lbxDayTime {
 	position:absolute;
 	margin-left:190px;
  	margin-top:70px;
   	width:180px;
	size:70;
}
#MyIFrame {
	position:absolute; 
	margin-left:190px; 
	margin-top:150px; 
	width:500px; 
	height:744px;
}

#ExceptLine {
	position:absolute;
	margin-top:-50px; 
	margin-left: 400px;
	text-align:left; 
	font-size:14px;
	color:#0033FF;
}

.style1 {
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style:normal;
	line-height:normal;
	font-weight:bold;
	font-variant: normal;
	text-transform: none;
	color:#FF0000;
}
.MainHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 27px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #990000;
	text-align:left;
	margin-top:30px;
	margin-left:0;
}
.SubHead  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
	text-transform: none;
	color:#990000;
	margin-top:40px;
	margin-left:0;
}
.SubHead2 {
	position:absolute;
	margin-left:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	line-height: normal;
	font-weight:bold;
	font-style:italic;
	font-variant: normal;
	top:10px;
	padding-top:0;
	color:#3300FF
}

.BottomListBoxPosition {
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:60px;
	width:500px;
	margin-left:640px;
	text-transform: none;
	color:#FF0000;
	font-size: 16px;
	font-style: italic;
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
}
.MainListBoxPosition {
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	color:#FF0000;
	margin-top:60px;
	margin-left:0px;
	width:600px;
	text-transform: none;
	font-size: 16px;
	font-style: italic;
	color:#FF0000;
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
}
.MainListBoxStyle{
	position:absolute;
	
	font-size: 15px;
	font-style: italic;
	color:#FF0000;
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
	
}

.UnderConstruction {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
	text-transform: none;
	color:#FF0000;
	background-color: #00FFFF ;
}
.PressButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
	text-transform: none;
	color:#FF0000;alert (width);
		
	margin-left: 0;
	background-color:  ;
}
.MapInstruction {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
	text-transform: none;
	color:#FF0000;
	text-align:left; 
}
.Description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style:normal;
	line-height:normal;
	font-weight:bold;
	font-variant: normal;
	text-transform: none;
	color:#0000CC
}
.stdButton {
	font-style:normal;
	width:400px;
	font-size:12px;
	margin-left:450px;
}
.stdButton1 {
	font-style:normal;
	width:200px;
	height:50px;
	font-size:12px;
	margin-left: 400px;
}
.stdButton2 {
	font-style:normal;
	width:170px;
	height:45px;
	font-size:12px;
	margin-left: 200px;
}
.littleButton2 {
	font-style:normal;
	width:30px;
	height:25px;
	font-size:12px;
	margin-left:372px;
}
.smallButton {
	font-style:normal;
	width:200px;
	font-size: 12px;
}
.buttonA {
	width: 60px;
	font-size:9px;
	}
.text1 {
	font-size:16px;
}
#TourDays {
	position:absolute;
	margin-left:5px;
	margin-top:65px;
	color: #000000
	font-size:16px;
	font-weight:bolder;
}
#PhotoButton {
	position:absolute;
	margin-top: 50px;
	margin-left: 830px;
	font-size:11px; 
	height:25px; 
	width:80px; 
	text-align:center;
}
#MapButton {
	position:absolute;
	margin-top: 50px;
	margin-left: 910px;
	font-size:11px; 
	height:25px; 
	width:80px; 
	text-align:center;
}
#increaseImage {
	position:absolute;
	margin-top: 25px;
	margin-left: 990px;
	font-size:11px; 
	height:25px; 
	width:80px; 
	text-align:center;
}
#decreaseImage {
	position:absolute;
	margin-top: 50px;
	margin-left: 990px;
	font-size:11px; 
	height:25px; 
	width:80px; 
	text-align:center;
}
#origSize {
	position:absolute;
	margin-top: 25px;
	margin-left: 1070px;
	font-size:11px; 
	height:25px; 
	width:80px; 
	text-align:center;
}
#closePic {
	position:absolute;
	margin-top: 50px;
	margin-left: 1070px;
	font-size:11px; 
	height:25px; 
	width:80px; 
	text-align:center;
}
#GPSButton {
	position:absolute;
	margin-top: 25px;
	margin-left: 700px;
	font-size:11px; 
	height:25px; 
	width:80px; 
	text-align:center;
}
#RonsWake {
	position:absolute;
	margin-top:-50px;
	margin-left: 2px;
	font-size:11px; 
	height:30px; 
	width:100px; 
	text-align:center;
}
#RonsHoliday {
	position:absolute;
	margin-top:-50px;
	margin-left: 102px;
	font-size:11px; 
	height:30px; 
	width:250px; 
	text-align:center;
}
#About {
	position:absolute;
	margin-top:5px;
	margin-left: 5px;
	font-size:11px; 
	height:20px; 
	width:150px; 
	text-align:center;
}
.MainMenuButton {
	position:absolute;
	display:block;
	margin-top: 1px;
	font-size:12px; 
	height:30px; 
	width:140px; 
	text-align:center;
}
.optionButtons {
	position:relative;
	display:block;
	font-size:12px; 
	height:30px; 
	width:140px; 
	text-align:center;
}
#indexTable {
	position:absolute;
	margin-top: 100px;
	font-size:12px;
	color:#000000;
 	table-layout:fixed;
}

.ShowingNow {
	margin-left:10px;
	margin-top:14px;
	font-size:14px;
	color:#000000;
}
#IEOnly {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-style:italic;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color:#0000FF;
	text-align:center;
	margin-top:20px;
	margin-left:0;
}
#VideoSubHead {
	position:absolute; 
	margin-top:50px; 
	margin-left: 0px; 
	color:#000000; 
	width:200px; 
	font-size: 14px;
}
#dateListBox {
	position:absolute; 
	top:200px; 
	left: 1200px; 
	color:#000000; 
	width:120px; 
	font-size: 14px;
	background-color:#66FF66;
}
#googleFrame {
	position:absolute; 
	width:1100px;
	height:1000px;
	border: none;
}
#Explanation {
	position:absolute; 
	margin-left:230px;
	margin-top:55px;
	font-size:12px;
	color: #804000;
}
#thumbTable {
	position:absolute;
	margin-top:75px;
	margin-left:510px;
}
#smartPhone {
    font-size: 24px;
    font-family: Helvetica;
    margin-left: 25px;
}